<script setup lang="ts">
import ImageGroup from '@/components/app/ImageGroup.vue';

defineProps<{
  title: string;
  images?: string[];

  planDate?: string;
  realDate?: string;
}>();
</script>

<template>

  <div class="mt-5 bg-white rounded-lg m-3 p-3  shadow-lg">
    <div>
      <div class="flex py-2">
        <span class="text-sm text-#666">计划{{ title }}时间：</span>
        <span>{{ planDate }}</span>
      </div>

      <div class="flex py-2">
        <span class="text-sm text-#666">实际{{ title }}时间：</span>
        <span>{{ realDate }}</span>
      </div>

      <div class="py-2">
        <div class="text-sm text-#666 mb-2">{{ title }}照片：</div>

        <ImageGroup :images="images" />
      </div>
    </div>
  </div>

</template>
